<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vuejs</title>
<script src="./vue.js"></script>
</head>
<body>
	<div id="components-demo">
		<button-counter></button-counter>
		<button-counter></button-counter>
		<button-counter></button-counter>
	</div> 
<script>
	Vue.component('button-counter',{
		data: function(){
			return {
				count: 0,
				key:2,
			};
		},
		template:'<button v-on:click="key++,count++"> You clicked me {{key}}{{count}} times </button>',
	});
	new Vue({
		el:'#components-demo',
	});
</script>
</body>
